 <template>
    <div class="app-container home">
      <baidu-map :center="latAnglng"  :map-click="false" :zoom="zoom"   :scroll-wheel-zoom="croll_wheel_zoom" class="bm-view">
          <bm-view style="width: 100%; height:355px; flex: 1"></bm-view>
          <bm-marker  :position="latAnglng" :dragging="false">
         </bm-marker>
      </baidu-map>
    </div>
  </template>

  <script>
  export default {
    name: 'MapComponent',
    props: {
      latAnglng : Object,
      require: true
    },
    watch: {
      showMap() {
        this.center = ''
        this.initMaker()
      },
    },
    data() {
      return {
        // 版本号
        zoom: 15,
        croll_wheel_zoom: true,
    };
    },
  };
  </script>

  <style scoped lang="scss">
  .home {
    padding: 0;
    height: 50%;
  }
  .bm-view{
      width: 100%;
      height: 50%;
    }
  </style>

